<%-- 
    Document   : ecGestionPatrocinador
    Created on : 01/11/2009, 10:56:55 PM
    Author     : Liz Alvarez
--%>
<%@page contentType="text/html" pageEncoding="UTF-8" isELIgnored="true" import="java.util.List"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">



<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Comercio Electronico >> Bienvenido</title>
        
           <%@include file="../jspf/links.jspf"%>
        
        <style type="text/css">
            #s5_mainbackmiddle {
                width:950px;}
            
            #s5_topback {
                width:926px;}
            
            #s5_bottomtop {
                width:926px;}
            
            #s5_bottommiddle {
                width:926px;}
            
            #s5_maininner {
                width:904px;}
            
            #s5_footer {
                width:950px;}
            
            #s5_topleftbottom {
                width:926px;}
            
            #s5_mainbody {
                width:632px;}
            
        </style>  
        
     
        
        
    </head>
     <body>
<div id="s5_background">
    <div id="s5_topbackground">
	<!--- wrapper, includes main menu, logo, search and top menu -->
        <div id="s5_topback">
            <div id="s5_topleft">
                <div id="s5_topblock">
                    <div id="s5_logo" style="cursor:pointer;" onclick="window.document.location.href='#'">
                    </div>
                </div>




            </div>

            <div id="s5_topright">
                <div id="s5_topblock">
                    <div id="s5_search">
                        <div class="moduletable">

                        <form action="#" method="get">
                            <div class="search">
                                    <input name="searchword" id="mod_search_searchword" maxlength="20" alt="search" class="inputbox" type="text" size="20" value="search..."  onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';" />
                            </div>
                            <input type="hidden" name="option" value="com_search" />
                            <input type="hidden" name="Itemid" value="5" />
                        </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>   
        
         <%@include file="../jspf/menu_ahead.jspf"%>
        
	<!--- end wrapper -->
       

    </div>

    <div class="clear:both;"></div>
    <div id="s5_topbackbottombar"/>
</div>
<div id="s5_mainbodywrapper">

    <div id="s5_mainbackmiddle">
			<div id="s5_maininnerleft"></div><!-- Raya costado izquierdo-->
			<div id="s5_maininner"><!-- Aqui comienza el medio-->


				<div id="s5_bottommiddle">

					<!-- ********************************** -->
                                       


                                      <div style="float:left;height:19px;width:100%;"></div>

					<div id="s5_bottomwrap">


						<div id="s5_user7_100">
							<div id="s5_user789_left">

									<div class="module">
			<div>
				<div>
					<div>

                                            <div id="index">
                <%String noexiste=(String)request.getSession().getAttribute("noexiste");  %>
                <form action="login" method="post" style="margin-left:200px;padding:10px" >
                    <fieldset class="caja" >
                        <legend>Iniciar Sesi&oacute;n</legend>


                        <% if(noexiste!=null){%>
                        <p>
                            <span style="color:red;font-size:14px;"><%=noexiste%></span>
                        </p>
                        <%}%>
                        <div class="llenar" >

                            <label style="display:block">
                                <span>Usuario</span>
                            </label>
                            <span class="validacion">
                                <input type="text" name="usuario" id="usuario" style="display:block"/>
                                    <script type="text/javascript">
                                    var usuario = new LiveValidation('usuario', { validMessage: '', wait: 400});
                                    usuario.add(Validate.Presence, {failureMessage: "Campo Vacio!"});
                                    usuario.add( Validate.Length, { minimum: 4 } );        /* , maximum: 8*/
                                    </script>
                            </span>
                            <label style="display:block">
                                <span>Password</span>
                            </label>
                            <span class="validacion">
                                <input type="password" name="password" id="password" style="display:block"/>
                                    <script type="text/javascript">
                                    var password = new LiveValidation('password', { validMessage: '', wait: 400});
                                    password.add(Validate.Presence, {failureMessage: "Campo Vacio!"});
                                    </script>
                            </span>
                            <!--div id="boton">
                                <input type="submit" value="Ingresar" style="display:block"/>
                            </div-->

                        </div>

                        <div style="float:right;width:123px;height:160px;background-image : url(imagenes/candado_reflejado.png);background-repeat:no-repeat">
                            <!--img alt="llave" src="imagenes/candado.png" /-->
                        </div>

                        <div style="width:350px;text-align:center;float:left;">
                                <button>Ingresar</button>
                            </div>
                    </fieldset>
                </form>
                                        </div>
                                        
                                        
                                        
                                        </div>

				</div>
			</div>
		</div>

						</div>
						</div>
							</div>


                                        <!-- ********************************** -->
  

            </div>
        </div><!-- Aqui termina el medio-->
    <div id="s5_maininnerright"/><!-- Raya derecha-->

    </div>
    
     <%@include file="../jspf/afooter.jspf"%>
    </div>
    
            
    </body>
</html>